<template>
	<view>
		<view v-for="(item,index) in list" :key="item" class="item">
			{{item.name}}
			<menu-test :list="item.children"></menu-test>
		</view>
	</view>
</template>

<script>
	import menuTest from "@/components/menu-test.vue"
	export default {
		name:"menuTest",
		props: {
		    list: {
		      type: Array,
		      default: () => []
		    }
		  },
		  components:{
			  menuTest
		  },
		data() {
			return {
				
			};
		}
	}
</script>

<style>
.item{
	padding-left: 25px;
}
</style>